<template>
  <div class="app-container">
    <div class="search-bar">
      <el-form ref="queryFormRef" :model="queryParams" :inline="true">
        <el-form-item label="创建时间">
          <el-date-picker
            v-model="queryParams.createTime"
            :editable="false"
            class="!w-[240px]"
            type="daterange"
            range-separator="-"
            start-placeholder="开始时间"
            end-placeholder="截止时间"
            value-format="YYYY-MM-DD"
          />
        </el-form-item>
        <el-form-item label="类型" prop="hy3">
          <el-select
            v-model="queryParams.projectType"
            placeholder="类型"
            clearable
            style="width: 200px"
            @keyup.enter="handleQuery()"
          >
            <el-option label="油田" value="油田" />
            <el-option label="气田" value="气田" />
            <el-option label="油气田" value="油气田" />
          </el-select>
        </el-form-item>
        <el-form-item label="海域" prop="hy3">
          <el-select
            v-model="queryParams.hy3"
            placeholder="海域"
            clearable
            style="width: 200px"
            @keyup.enter="handleQuery()"
          >
            <el-option label="渤海" value="渤海" />
            <el-option label="东海" value="东海" />
            <el-option label="南海东部" value="南海东部" />
            <el-option label="南海西部(海南)" value="南海西部(海南)" />
            <el-option label="南海西部(湛江)" value="南海西部(湛江)" />
          </el-select>
        </el-form-item>
        <el-form-item label="平均水深" prop="pjss7">
          <el-select
            v-model="queryParams.pjss7"
            placeholder="平均水深"
            clearable
            style="width: 200px"
            @keyup.enter="handleQuery()"
          >
            <el-option label="<50m" value="1" />
            <el-option label="50m-100m" value="2" />
            <el-option label="100m-300m" value="3" />
            <el-option label="300m-1500m" value="4" />
            <el-option label=">=1500m" value="5" />
          </el-select>
        </el-form-item>
        <el-form-item label="高峰产能" prop="gfcn3">
          <el-select
            v-model="queryParams.gfcn3"
            placeholder="高峰产能"
            clearable
            style="width: 200px"
            @keyup.enter="handleQuery()"
          >
            <el-option label="<50万吨" value="1" />
            <el-option label="50-100万吨" value="2" />
            <el-option label="100-200万吨" value="3" />
            <el-option label="200-300万吨" value="4" />
            <el-option label=">=300万吨" value="5" />
          </el-select>
        </el-form-item>
        <el-form-item label="项目名称" prop="xmmc1">
          <el-input
            v-model="queryParams.xmmc1"
            placeholder="项目名称"
            clearable
            @keyup.enter="handleQuery()"
          />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleQuery">
            <template #icon>
              <Search />
            </template>
            搜索
          </el-button>
          <el-button @click="handleResetQuery">
            <template #icon>
              <Refresh />
            </template>
            重置
          </el-button>
        </el-form-item>
      </el-form>
    </div>

    <el-card shadow="never">
      <div class="mb-10px">
        <el-button
          v-hasPerm="['system:sysYouqitouzi:download']"
          type="warning"
          @click="handleDownload()"
        >
          <template #icon>
            <div class="i-svg:download" />
          </template>
          下载模版
        </el-button>
        <el-button
          v-hasPerm="['system:sysYouqitouzi:export']"
          type="info"
          @click="handleOpenImportDialog()"
        >
          <template #icon>
            <el-icon>
              <Upload />
            </el-icon>
          </template>
          导入Excel
        </el-button>
        <el-button
          v-hasPerm="['system:sysYouqitouzi:delete']"
          type="danger"
          :disabled="removeIds.length === 0"
          @click="handleDelete()"
        >
          <template #icon>
            <Delete />
          </template>
          删除
        </el-button>
      </div>

      <el-table
        ref="dataTableRef"
        v-loading="loading"
        :data="pageData"
        highlight-current-row
        border
        @selection-change="handleSelectionChange"
        @sort-change="handleSortChange"
      >
        <el-table-column type="selection" width="40" align="center" />
        <el-table-column type="index" label="序号" width="65" align="center" />
        <el-table-column
          key="createTime"
          label="创建时间"
          prop="createTime"
          width="180"
          align="center"
          sortable="custom"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="xmmc1"
          label="项目名称"
          prop="xmmc1"
          min-width="200"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="fgs2"
          label="分公司"
          prop="fgs2"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="hy3"
          label="海域"
          prop="hy3"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="dlwz4"
          label="地理位置"
          prop="dlwz4"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="ssgzdy5"
          label="所属构造单元"
          prop="ssgzdy5"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="yqzlx6"
          label="油气藏类型"
          prop="yqzlx6"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="pjss7"
          label="平均水深(m)"
          prop="pjss7"
          min-width="140"
          align="center"
          sortable="custom"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="zyxgdw8"
          label="主要相关单位"
          prop="zyxgdw8"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="jsqzsj9"
          label="建设起止时间"
          prop="jsqzsj9"
          min-width="250"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="tcsj10"
          label="投产时间"
          prop="tcsj10"
          min-width="170"
          align="center"
          sortable="custom"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="hpjfw11"
          label="后评价范围"
          prop="hpjfw11"
          width="200"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          key="hpjsd12"
          label="后评价时点"
          prop="hpjsd12"
          min-width="150"
          align="center"
          :show-overflow-tooltip="true"
        />
        <el-table-column key="tcsj1" label="投产时间(年/月/日)" prop="tcsj1" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jsnrhgm2" label="建设内容和规模" prop="jsnrhgm2" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gfcn3" label="高峰产能(油气当量)(万吨)" prop="gfcn3" width="276" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="jsscnx4" label="技术生产年限(年)" prop="jsscnx4" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jjnx5" label="经济年限(年)" prop="jjnx5" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yyjjlc6" label="原油(凝析油)经济累产(万吨)" prop="yyjjlc6" min-width="276" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="trqjjlc7" label="天然气(溶解气)经济累产(亿方)" prop="trqjjlc7" min-width="286" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="yyzzcccd8" label="原油(凝析油)最终采出程度(%)" prop="yyzzcccd8" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="trqzzcccd9" label="天然气(溶解气)最终采出程度(%)" prop="trqzzcccd9" min-width="272" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ztz10" label="总投资(万元人民币)" prop="ztz10" min-width="198" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="zjly11" label="资金来源" prop="zjly11" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="qybl12" label="权益比例(%)" prop="qybl12" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="feztz13" label="份额总投资(万元人民币)" prop="feztz13" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="hyfshqtznbsyl14" label="海油方税后全投资内部收益率(全过程)(%)" prop="hyfshqtznbsyl14" min-width="312" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="hyfshqtznbsyl15" label="海油方税后全投资内部收益率(向前看)(%)" prop="hyfshqtznbsyl15" min-width="312" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="hyfjxz16" label="海油方净现值(万元人民币)" prop="hyfjxz16" min-width="248" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="hyftzhsq17" label="海油方投资回收期(年)" prop="hyftzhsq17" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yytmdzcl18" label="原油(凝析油)探明地质储量(万吨)" prop="yytmdzcl18" min-width="296" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="trqtmdzcl19" label="天然气(溶解气)探明地质储量(亿方)" prop="trqtmdzcl19" width="316" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="yydydzcl20" label="原油(凝析油)动用地质储量(万吨)" prop="yydydzcl20" min-width="276" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="trqdydzcl21" label="天然气(溶解气)动用地质储量(亿方)" prop="trqdydzcl21" min-width="286" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jskccl22" label="技术可采储量(万吨(亿方))" prop="jskccl22" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjyycn23" label="新建原油产能(万吨/年)" prop="xjyycn23" min-width="234" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjtrqcn24" label="新建天然气产能(亿方/年)" prop="xjtrqcn24" min-width="234" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dxjcyjs25" label="定向井(含大斜度井)采油井数(口)" prop="dxjcyjs25" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dxjcqjs26" label="定向井(含大斜度井)采气井数(口)" prop="dxjcqjs26" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="spjcyjs27" label="水平井采油井数(口)" prop="spjcyjs27" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="spjcqjs28" label="水平井采气井数(口)" prop="spjcqjs28" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zsj29" label="注水井(口)" prop="zsj29" min-width="142" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zqj30" label="注气井(口)" prop="zqj30" min-width="142" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="kfpjjs31" label="开发评价井数(口)" prop="kfpjjs31" min-width="202" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="lytjs32" label="利用探井数(口)" prop="lytjs32" min-width="152" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dxjpjdjrcy33" label="定向井(含大斜度井)平均单井日产油(凝析油)(吨)" prop="dxjpjdjrcy33" width="372" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dxjpjdjrcq34" label="定向井(含大斜度井)平均单井日产气(溶解气)(万方)" prop="dxjpjdjrcq34" width="386" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="spjpjdjrcy35" label="水平井平均单井日产油(凝析油)(吨)" prop="spjpjdjrcy35" min-width="292" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="spjpjdjrcq36" label="水平井平均单井日产气(溶解气)(万方)" prop="spjpjdjrcq36" min-width="306" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gfncyl37" label="高峰年产油(凝析油)量(万吨)" prop="gfncyl37" min-width="276" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="gfncql38" label="高峰年产气(溶解气)量(亿方)" prop="gfncql38" min-width="276" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="pjcysd39" label="平均采油(凝析油)速度(%)" prop="pjcysd39" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="pjcqsd40" label="平均采气(溶解气)速度(%)" prop="pjcqsd40" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gfcysd41" label="高峰采油(凝析油)速度(%)" prop="gfcysd41" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gfcqsd42" label="高峰采气(溶解气)速度(%)" prop="gfcqsd42" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wcq43" label="稳产期(年)" prop="wcq43" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jsscnx44" label="技术生产年限(年)" prop="jsscnx44" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ytzhhsssl45" label="油田综合含水上升率(%)" prop="ytzhhsssl45" min-width="202" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yycsl46" label="原油采收率(%)" prop="yycsl46" min-width="192" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="trqcsl47" label="天然气采收率(%)" prop="trqcsl47" min-width="192" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="lcyy48" label="累产原油(凝析油)(万吨)" prop="lcyy48" min-width="216" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="lctrq49" label="累产天然气(溶解气)(亿方)" prop="lctrq49" min-width="236" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjgq50" label="钻井工期(天)" prop="zjgq50" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjfy51" label="钻井费用(万元 )" prop="zjfy51" min-width="220" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="mzjcb52" label="米钻井成本(万元 )" prop="mzjcb52" min-width="220" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="zyss53" label="作业水深(米)" prop="zyss53" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjfs54" label="钻井方式" prop="zjfs54" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjc55" label="总进尺(米)" prop="zjc55" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="pjjs56" label="平均井深(米)" prop="pjjs56" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zdjs57" label="最大井深(米)" prop="zdjs57" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dxjs58" label="定向井数" prop="dxjs58" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="spjs59" label="水平井数" prop="spjs59" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jszlhgl60" label="井深质量合格率(%)" prop="jszlhgl60" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ptwz61" label="平台位置" prop="ptwz61" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jcpl62" label="井槽排列" prop="jcpl62" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zyjj63" label="作业机具" prop="zyjj63" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jx64" label="井型" prop="jx64" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjjc65" label="钻井近尺" prop="zjjc65" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zwjgq66" label="钻完井工期(天)" prop="zwjgq66" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jsjg67" label="井身结构" prop="jsjg67" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="tgcx68" label="套管程序" prop="tgcx68" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ff69" label="防腐" prop="ff69" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjytx70" label="钻井液体系" prop="zjytx70" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjzh71" label="钻具组合" prop="zjzh71" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="cjfa72" label="测井方案" prop="cjfa72" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gjfa73" label="固井方案" prop="gjfa73" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wjgq74" label="完井工期(天)" prop="wjgq74" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wjfy75" label="完井费用(万元)" prop="wjfy75" min-width="206" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wjjj76" label="完井机具" prop="wjjj76" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jb77" label="井别" prop="jb77" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wjfs78" label="完井方式" prop="wjfs78" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="wjytx79" label="完井液体系" prop="wjytx79" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="fsfa80" label="防砂方案" prop="fsfa80" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="scgz81" label="生产管柱" prop="scgz81" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yljc82" label="压力检测" prop="yljc82" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ygcc83" label="油管尺寸(吋)" prop="ygcc83" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="cycqfs84" label="采油/采气方式" prop="cycqfs84" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jsfs85" label="举升方式" prop="jsfs85" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zsgy86" label="注水工艺" prop="zsgy86" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ygcz87" label="油管材质" prop="ygcz87" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="fl88" label="防蜡" prop="fl88" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="fn89" label="防凝" prop="fn89" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="fg90" label="防垢" prop="fg90" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="dtjc91" label="动态监测" prop="dtjc91" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjptsl92" label="新建平台数量" prop="xjptsl92" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjfpsosl93" label="新建FPSO数量" prop="xjfpsosl93" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="sxjksl94" label="水下井口数量" prop="sxjksl94" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjhdgdsl95" label="新建海底管道数量" prop="xjhdgdsl95" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjhddlsl96" label="新建海底电缆数量" prop="xjhddlsl96" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjlszdsl97" label="新建陆上终端数量" prop="xjlszdsl97" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="xjldbdzkgzsl98" label="新建陆地变电站/开关站数量" prop="xjldbdzkgzsl98" min-width="230" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gzlptsl99" label="改造老平台数量" prop="gzlptsl99" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gzlzdsl100" label="改造老终端数量" prop="gzlzdsl100" min-width="150" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="tczpjsdlcy101" label="投产至评价时点累产油(万吨)" prop="tczpjsdlcy101" min-width="236" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="tczpjsdlcq102" label="投产至评价时点累产气(亿方)" prop="tczpjsdlcq102" min-width="236" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yycpl103" label="原油产品率(%)" prop="yycpl103" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="trqcpl104" label="天然气产品率(%)" prop="trqcpl104" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="pjscsl105" label="平均生产时率(%)" prop="pjscsl105" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="oshazb106" label="OSHA指标(%)" prop="oshazb106" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zdnzhnh107" label="最大年综合能耗(吨标准煤/年)" prop="zdnzhnh107" min-width="262" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="hjqlfkzdpfl108" label="火炬气/冷放空最大排放量(方/天)" prop="hjqlfkzdpfl108" min-width="270" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="scszdpfl109" label="生产水最大排放量(方/天)" prop="scszdpfl109" min-width="220" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="shwspf110" label="生活污水排放(方/天)" prop="shwspf110" min-width="220" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zxljpfl111" label="钻屑累计排放量(方)" prop="zxljpfl111" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zjyljpfl112" label="钻井液累计排放量(方)" prop="zjyljpfl112" min-width="192" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="ztz113" label="总投资(万元人民币)" prop="ztz113" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="kttz114" label="勘探投资(万元人民币)" prop="kttz114" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="kftz115" label="开发投资(万元人民币)" prop="kftz115" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yzyjf116" label="油藏研究费(万元人民币)" prop="yzyjf116" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="zwjtz117" label="钻完井投资(万元人民币)" prop="zwjtz117" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="gcsstz118" label="工程设施投资(万元人民币)" prop="gcsstz118" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="sczbf119" label="生产准备费(万元人民币)" prop="sczbf119" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="qtfy120" label="其它费用(万元人民币)" prop="qtfy120" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="qzf121" label="弃置费(万元人民币)" prop="qzf121" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="njczf122" label="年均操作费(万元人民币)" prop="njczf122" min-width="248" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="zhjttycb123" label="综合静态桶油成本(美元/桶)" prop="zhjttycb123" min-width="254" align="center" sortable="custom" :show-overflow-tooltip="true" />
        <el-table-column key="zhdttycb124" label="综合动态桶油成本(美元/桶)" prop="zhdttycb124" min-width="234" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="yyjg125" label="原油价格(美元/桶)" prop="yyjg125" min-width="234" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="trqjg126" label="天然气价格(元/方)" prop="trqjg126" min-width="220" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="shqtznbsyl127" label="税后全投资内部收益率(全过程)(%)" prop="shqtznbsyl127" min-width="272" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jxz128" label="净现值(全过程)(万元人民币)" prop="jxz128" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="tzhsq129" label="投资回收期(全过程)(年)" prop="tzhsq129" min-width="202" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="shqtznbsyl130" label="税后全投资内部收益率(向前看)(%)" prop="shqtznbsyl130" min-width="272" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="jxz131" label="净现值(向前看)(万元人民币)" prop="jxz131" min-width="248" align="center" :show-overflow-tooltip="true" />
        <el-table-column key="tzhsq132" label="投资回收期(向前看)(年)" prop="tzhsq132" min-width="202" align="center" :show-overflow-tooltip="true" />
        <el-table-column fixed="right" label="操作" width="200" align="center">
          <template #default="scope">
            <el-button type="primary" size="small" link @click="handleDialog(scope.row.id)">
              <template #icon>
                <div class="i-svg:document" />
              </template>
              查看
            </el-button>
            <el-button
              v-hasPerm="['system:sysYouqitouzi:edit']"
              type="primary"
              size="small"
              link
              @click="handleOpenDialog(scope.row.id)"
            >
              <template #icon>
                <Edit />
              </template>
              修改
            </el-button>
            <el-button
              v-hasPerm="['system:sysYouqitouzi:delete']"
              type="danger"
              size="small"
              link
              @click="handleDelete(scope.row.id)"
            >
              <template #icon>
                <Delete />
              </template>
              删除
            </el-button>
          </template>
        </el-table-column>
      </el-table>

      <pagination
        v-if="total > 0"
        v-model:total="total"
        v-model:page="queryParams.pageNum"
        v-model:limit="queryParams.pageSize"
        @pagination="handleQuery()"
      />
    </el-card>

    <!-- 油气项目表单弹窗 -->
    <el-dialog
      v-model="dialog.visible"
      :title="dialog.title"
      width="1300px"
      @close="handleCloseDialog"
    >
      <el-form ref="dataFormRef" :model="formData" :rules="rules" label-width="100px">
        <el-tabs v-model="activeTab" class="left-centered-tabs">
          <el-tab-pane label="全部" name="全部"></el-tab-pane>
          <el-tab-pane label="项目概况" name="项目概况"></el-tab-pane>
          <el-tab-pane label="目标实现情况" name="目标实现情况"></el-tab-pane>
          <el-tab-pane label="地质油气藏" name="地质油气藏"></el-tab-pane>
          <el-tab-pane label="钻井" name="钻井"></el-tab-pane>
          <el-tab-pane label="完井" name="完井"></el-tab-pane>
          <el-tab-pane label="采油" name="采油"></el-tab-pane>
          <el-tab-pane label="工程" name="工程"></el-tab-pane>
          <el-tab-pane label="生产运行" name="生产运行"></el-tab-pane>
          <el-tab-pane label="项目投资" name="项目投资"></el-tab-pane>
          <el-tab-pane label="成本指标" name="成本指标"></el-tab-pane>
          <el-tab-pane label="产品价格" name="产品价格"></el-tab-pane>
          <el-tab-pane label="效益指标" name="效益指标"></el-tab-pane>
        </el-tabs>
        <div v-show="activeTab === '全部' || activeTab === '项目概况'">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="项目名称" prop="xmmc1">
                <el-input v-model="formData.xmmc1" placeholder="项目名称" style="width: 250px" />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="分公司" prop="fgs2">
                <el-input v-model="formData.fgs2" placeholder="分公司" style="width: 250px" />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="海域" prop="hy3">
                <el-select v-model="formData.hy3" placeholder="请选择海域" style="width: 250px">
                  <el-option label="渤海" value="渤海" />
                  <el-option label="东海" value="东海" />
                  <el-option label="南海东部" value="南海东部" />
                  <el-option label="南海西部(海南)" value="南海西部(海南)" />
                  <el-option label="南海西部(湛江)" value="南海西部(湛江)" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="地理位置" prop="dlwz4">
                <el-input v-model="formData.dlwz4" placeholder="地理位置" style="width: 250px" />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="所属构造单元" prop="ssgzdy5">
                <el-input
                  v-model="formData.ssgzdy5"
                  placeholder="所属构造单元"
                  style="width: 250px"
                />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="油气藏类型" prop="yqzlx6">
                <el-input v-model="formData.yqzlx6" placeholder="油气藏类型" style="width: 250px" />
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="平均水深" prop="pjss7">
                <el-input v-model="formData.pjss7" placeholder="平均水深" style="width: 250px" />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="主要相关单位" prop="zyxgdw8">
                <el-input
                  v-model="formData.zyxgdw8"
                  placeholder="主要相关单位"
                  style="width: 250px"
                />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="建设起止时间" prop="jsqzsj9">
                <el-input
                  v-model="formData.jsqzsj9"
                  placeholder="建设起止时间"
                  style="width: 250px"
                />
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="投产时间" prop="tcsj10">
                <el-date-picker
                  v-model="formData.tcsj10"
                  style="width: 250px"
                  type="date"
                  placeholder="投产时间"
                  value-format="YYYY-MM-DD"
                />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="后评价范围" prop="hpjfw11">
                <el-input
                  v-model="formData.hpjfw11"
                  placeholder="后评价范围"
                  style="width: 250px"
                />
              </el-form-item>
            </el-col>

            <el-col :span="8">
              <el-form-item label="后评价时点" prop="hpjsd12">
                <el-date-picker
                  v-model="formData.hpjsd12"
                  style="width: 250px"
                  type="date"
                  placeholder="后评价时点"
                  value-format="YYYY-MM-DD"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </div>

        <div v-show="activeTab != '项目概况'">
          <table>
            <thead>
              <tr>
                <th>序号</th>
                <th>目标名称</th>
                <th>单位</th>
                <th>基本设计批复方案</th>
                <th>实施情况(后评价)</th>
              </tr>
            </thead>
            <tbody>
              <!-- 第1行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>1</td>
                <td>投产时间</td>
                <td>年/月/日</td>
                <td>
                  <el-input v-model="formData.tcsj1jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.hpjsd12" maxlength="32" :disabled="true" />
                </td>
              </tr>
              <!-- 第2行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>2</td>
                <td>建设内容和规模</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jsnrhgm2jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jsnrhgm2" maxlength="32" />
                </td>
              </tr>
              <!-- 第3行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>3</td>
                <td>高峰产能(油气当量)</td>
                <td>万吨</td>
                <td>
                  <el-input-number
                    v-model="formData.gfcn3jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.gfcn3"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第4行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>4</td>
                <td>技术生产年限</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.jsscnx4jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jsscnx4" maxlength="32" />
                </td>
              </tr>
              <!-- 第5行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>5</td>
                <td>经济年限</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.jjnx5jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jjnx5" maxlength="32" />
                </td>
              </tr>
              <!-- 第6行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>6</td>
                <td>原油(凝析油)经济累产</td>
                <td>万吨</td>
                <td>
                  <el-input-number
                    v-model="formData.yyjjlc6jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.yyjjlc6"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第7行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>7</td>
                <td>天然气(溶解气)经济累产</td>
                <td>亿方</td>
                <td>
                  <el-input-number
                    v-model="formData.trqjjlc7jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.trqjjlc7"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第8行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>8</td>
                <td>原油(凝析油)最终采出程度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.yyzzcccd8jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yyzzcccd8" maxlength="32" />
                </td>
              </tr>
              <!-- 第9行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>9</td>
                <td>天然气(溶解气)最终采出程度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.trqzzcccd9jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.trqzzcccd9" maxlength="32" />
                </td>
              </tr>
              <!-- 第10行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>10</td>
                <td>总投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input-number
                    v-model="formData.ztz10jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.ztz10"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第11行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>11</td>
                <td>资金来源</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zjly11jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjly11" maxlength="32" />
                </td>
              </tr>
              <!-- 第12行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>12</td>
                <td>权益比例</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.qybl12jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.qybl12" maxlength="32" />
                </td>
              </tr>
              <!-- 第13行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>13</td>
                <td>份额总投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.feztz13jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.feztz13" maxlength="32" />
                </td>
              </tr>
              <!-- 第14行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>14</td>
                <td>海油方税后全投资内部收益率(全过程)</td>
                <td>%</td>
                <td>
                  <el-input-number
                    v-model="formData.hyfshqtznbsyl14jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.hyfshqtznbsyl14"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第15行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>15</td>
                <td>海油方税后全投资内部收益率(向前看)</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.hyfshqtznbsyl15jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.hyfshqtznbsyl15" maxlength="32" />
                </td>
              </tr>
              <!-- 第16行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>16</td>
                <td>海油方净现值</td>
                <td>万元人民币</td>
                <td>
                  <el-input-number
                    v-model="formData.hyfjxz16jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.hyfjxz16"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第17行 -->
              <tr v-show="activeTab === '目标实现情况' || activeTab === '全部'">
                <td>17</td>
                <td>海油方投资回收期</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.hyftzhsq17jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.hyftzhsq17" maxlength="32" />
                </td>
              </tr>
              <!-- 第18行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>18</td>
                <td>原油(凝析油)探明地质储量</td>
                <td>万吨</td>
                <td>
                  <el-input-number
                    v-model="formData.yytmdzcl18jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.yytmdzcl18"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第19行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>19</td>
                <td>天然气(溶解气)探明地质储量</td>
                <td>亿方</td>
                <td>
                  <el-input-number
                    v-model="formData.trqtmdzcl19jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.trqtmdzcl19"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第20行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>20</td>
                <td>原油(凝析油)动用地质储量</td>
                <td>万吨</td>
                <td>
                  <el-input v-model="formData.yydydzcl20jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yydydzcl20" maxlength="32" />
                </td>
              </tr>
              <!-- 第21行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>21</td>
                <td>天然气(溶解气)动用地质储量</td>
                <td>亿方</td>
                <td>
                  <el-input v-model="formData.trqdydzcl21jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.trqdydzcl21" maxlength="32" />
                </td>
              </tr>
              <!-- 第22行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>22</td>
                <td>技术可采储量</td>
                <td>万吨(亿方)</td>
                <td>
                  <el-input v-model="formData.jskccl22jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jskccl22" maxlength="32" />
                </td>
              </tr>
              <!-- 第23行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>23</td>
                <td>新建原油产能</td>
                <td>万吨/年</td>
                <td>
                  <el-input v-model="formData.xjyycn23jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjyycn23" maxlength="32" />
                </td>
              </tr>
              <!-- 第24行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>24</td>
                <td>新建天然气产能</td>
                <td>亿方/年</td>
                <td>
                  <el-input v-model="formData.xjtrqcn24jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjtrqcn24" maxlength="32" />
                </td>
              </tr>
              <!-- 第25行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>25</td>
                <td>定向井(含大斜度井)采油井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.dxjcyjs25jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dxjcyjs25" maxlength="32" />
                </td>
              </tr>
              <!-- 第26行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>26</td>
                <td>定向井(含大斜度井)采气井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.dxjcqjs26jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dxjcqjs26" maxlength="32" />
                </td>
              </tr>
              <!-- 第27行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>27</td>
                <td>水平井采油井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.spjcyjs27jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.spjcyjs27" maxlength="32" />
                </td>
              </tr>
              <!-- 第28行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>28</td>
                <td>水平井采气井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.spjcqjs28jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.spjcqjs28" maxlength="32" />
                </td>
              </tr>
              <!-- 第29行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>29</td>
                <td>注水井</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.zsj29jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zsj29" maxlength="32" />
                </td>
              </tr>
              <!-- 第30行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>30</td>
                <td>注气井</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.zqj30jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zqj30" maxlength="32" />
                </td>
              </tr>
              <!-- 第31行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>31</td>
                <td>开发评价井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.kfpjjs31jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.kfpjjs31" maxlength="32" />
                </td>
              </tr>
              <!-- 第32行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>32</td>
                <td>利用探井数</td>
                <td>口</td>
                <td>
                  <el-input v-model="formData.lytjs32jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.lytjs32" maxlength="32" />
                </td>
              </tr>
              <!-- 第33行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>33</td>
                <td>定向井(含大斜度井)平均单井日产油(凝析油)</td>
                <td>吨</td>
                <td>
                  <el-input v-model="formData.dxjpjdjrcy33jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dxjpjdjrcy33" maxlength="32" />
                </td>
              </tr>
              <!-- 第34行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>34</td>
                <td>定向井(含大斜度井)平均单井日产气(溶解气)</td>
                <td>万方</td>
                <td>
                  <el-input v-model="formData.dxjpjdjrcq34jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dxjpjdjrcq34" maxlength="32" />
                </td>
              </tr>
              <!-- 第35行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>35</td>
                <td>水平井平均单井日产油(凝析油)</td>
                <td>吨</td>
                <td>
                  <el-input v-model="formData.spjpjdjrcy35jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.spjpjdjrcy35" maxlength="32" />
                </td>
              </tr>
              <!-- 第36行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>36</td>
                <td>水平井平均单井日产气(溶解气)</td>
                <td>万方</td>
                <td>
                  <el-input v-model="formData.spjpjdjrcq36jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.spjpjdjrcq36" maxlength="32" />
                </td>
              </tr>
              <!-- 第37行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>37</td>
                <td>高峰年产油(凝析油)量</td>
                <td>万吨</td>
                <td>
                  <el-input-number
                    v-model="formData.gfncyl37jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.gfncyl37"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第38行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>38</td>
                <td>高峰年产气(溶解气)量</td>
                <td>亿方</td>
                <td>
                  <el-input-number
                    v-model="formData.gfncql38jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.gfncql38"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第39行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>39</td>
                <td>平均采油(凝析油)速度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.pjcysd39jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.pjcysd39" maxlength="32" />
                </td>
              </tr>
              <!-- 第40行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>40</td>
                <td>平均采气(溶解气)速度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.pjcqsd40jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.pjcqsd40" maxlength="32" />
                </td>
              </tr>
              <!-- 第41行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>41</td>
                <td>高峰采油(凝析油)速度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.gfcysd41jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gfcysd41" maxlength="32" />
                </td>
              </tr>
              <!-- 第42行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>42</td>
                <td>高峰采气(溶解气)速度</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.gfcqsd42jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gfcqsd42" maxlength="32" />
                </td>
              </tr>
              <!-- 第43行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>43</td>
                <td>稳产期</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.wcq43jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wcq43" maxlength="32" />
                </td>
              </tr>
              <!-- 第44行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>44</td>
                <td>技术生产年限</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.jsscnx44jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jsscnx44" maxlength="32" />
                </td>
              </tr>
              <!-- 第45行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>45</td>
                <td>油田综合含水上升率</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.ytzhhsssl45jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ytzhhsssl45" maxlength="32" />
                </td>
              </tr>
              <!-- 第46行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>46</td>
                <td>原油采收率</td>
                <td>%</td>
                <td>
                  <el-input-number
                    v-model="formData.yycsl46jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.yycsl46"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第47行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>47</td>
                <td>天然气采收率</td>
                <td>%</td>
                <td>
                  <el-input-number
                    v-model="formData.trqcsl47jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.trqcsl47"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第48行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>48</td>
                <td>累产原油(凝析油)</td>
                <td>万吨</td>
                <td>
                  <el-input v-model="formData.lcyy48jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.lcyy48" maxlength="32" />
                </td>
              </tr>
              <!-- 第49行 -->
              <tr v-show="activeTab === '地质油气藏' || activeTab === '全部'">
                <td>49</td>
                <td>累产天然气(溶解气)</td>
                <td>亿方</td>
                <td>
                  <el-input v-model="formData.lctrq49jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.lctrq49" maxlength="32" />
                </td>
              </tr>
              <!-- 第50行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>50</td>
                <td>钻井工期</td>
                <td>天</td>
                <td>
                  <el-input v-model="formData.zjgq50jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjgq50" maxlength="32" />
                </td>
              </tr>
              <!-- 第51行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>51</td>
                <td>钻井费用</td>
                <td>万元</td>
                <td>
                  <el-input v-model="formData.zjfy51jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjfy51" maxlength="32" />
                </td>
              </tr>
              <!-- 第52行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>52</td>
                <td>米钻井成本</td>
                <td>万元</td>
                <td>
                  <el-input-number
                    v-model="formData.mzjcb52jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.mzjcb52"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第53行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>53</td>
                <td>作业水深</td>
                <td>米</td>
                <td>
                  <el-input v-model="formData.zyss53jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zyss53" maxlength="32" />
                </td>
              </tr>
              <!-- 第54行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>54</td>
                <td>钻井方式</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zjfs54jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjfs54" maxlength="32" />
                </td>
              </tr>
              <!-- 第55行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>55</td>
                <td>总进尺</td>
                <td>米</td>
                <td>
                  <el-input v-model="formData.zjc55jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjc55" maxlength="32" />
                </td>
              </tr>
              <!-- 第56行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>56</td>
                <td>平均井深</td>
                <td>米</td>
                <td>
                  <el-input v-model="formData.pjjs56jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.pjjs56" maxlength="32" />
                </td>
              </tr>
              <!-- 第57行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>57</td>
                <td>最大井深</td>
                <td>米</td>
                <td>
                  <el-input v-model="formData.zdjs57jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zdjs57" maxlength="32" />
                </td>
              </tr>
              <!-- 第58行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>58</td>
                <td>定向井数</td>
                <td></td>
                <td>
                  <el-input v-model="formData.dxjs58jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dxjs58" maxlength="32" />
                </td>
              </tr>
              <!-- 第59行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>59</td>
                <td>水平井数</td>
                <td></td>
                <td>
                  <el-input v-model="formData.spjs59jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.spjs59" maxlength="32" />
                </td>
              </tr>
              <!-- 第60行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>60</td>
                <td>井深质量合格率</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.jszlhgl60jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jszlhgl60" maxlength="32" />
                </td>
              </tr>
              <!-- 第61行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>61</td>
                <td>平台位置</td>
                <td></td>
                <td>
                  <el-input v-model="formData.ptwz61jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ptwz61" maxlength="32" />
                </td>
              </tr>
              <!-- 第62行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>62</td>
                <td>井槽排列</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jcpl62jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jcpl62" maxlength="32" />
                </td>
              </tr>
              <!-- 第63行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>63</td>
                <td>作业机具</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zyjj63jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zyjj63" maxlength="32" />
                </td>
              </tr>
              <!-- 第64行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>64</td>
                <td>井型</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jx64jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jx64" maxlength="32" />
                </td>
              </tr>
              <!-- 第65行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>65</td>
                <td>钻井近尺</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zjjc65jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjjc65" maxlength="32" />
                </td>
              </tr>
              <!-- 第66行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>66</td>
                <td>钻完井工期</td>
                <td>天</td>
                <td>
                  <el-input v-model="formData.zwjgq66jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zwjgq66" maxlength="32" />
                </td>
              </tr>
              <!-- 第67行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>67</td>
                <td>井身结构</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jsjg67jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jsjg67" maxlength="32" />
                </td>
              </tr>
              <!-- 第68行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>68</td>
                <td>套管程序</td>
                <td></td>
                <td>
                  <el-input v-model="formData.tgcx68jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.tgcx68" maxlength="32" />
                </td>
              </tr>
              <!-- 第69行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>69</td>
                <td>防腐</td>
                <td></td>
                <td>
                  <el-input v-model="formData.ff69jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ff69" maxlength="32" />
                </td>
              </tr>
              <!-- 第70行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>70</td>
                <td>钻井液体系</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zjytx70jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjytx70" maxlength="32" />
                </td>
              </tr>
              <!-- 第71行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>71</td>
                <td>钻具组合</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zjzh71jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjzh71" maxlength="32" />
                </td>
              </tr>
              <!-- 第72行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>72</td>
                <td>测井方案</td>
                <td></td>
                <td>
                  <el-input v-model="formData.cjfa72jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.cjfa72" maxlength="32" />
                </td>
              </tr>
              <!-- 第73行 -->
              <tr v-show="activeTab === '钻井' || activeTab === '全部'">
                <td>73</td>
                <td>固井方案</td>
                <td></td>
                <td>
                  <el-input v-model="formData.gjfa73jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gjfa73" maxlength="32" />
                </td>
              </tr>
              <!-- 第74行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>74</td>
                <td>完井工期</td>
                <td>天</td>
                <td>
                  <el-input v-model="formData.wjgq74jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wjgq74" maxlength="32" />
                </td>
              </tr>
              <!-- 第75行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>75</td>
                <td>完井费用</td>
                <td>万元</td>
                <td>
                  <el-input v-model="formData.wjfy75jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wjfy75" maxlength="32" />
                </td>
              </tr>
              <!-- 第76行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>76</td>
                <td>完井机具</td>
                <td></td>
                <td>
                  <el-input v-model="formData.wjjj76jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wjjj76" maxlength="32" />
                </td>
              </tr>
              <!-- 第77行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>77</td>
                <td>井别</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jb77jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jb77" maxlength="32" />
                </td>
              </tr>
              <!-- 第78行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>78</td>
                <td>完井方式</td>
                <td></td>
                <td>
                  <el-input v-model="formData.wjfs78jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wjfs78" maxlength="32" />
                </td>
              </tr>
              <!-- 第79行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>79</td>
                <td>完井液体系</td>
                <td></td>
                <td>
                  <el-input v-model="formData.wjytx79jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.wjytx79" maxlength="32" />
                </td>
              </tr>
              <!-- 第80行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>80</td>
                <td>防砂方案</td>
                <td></td>
                <td>
                  <el-input v-model="formData.fsfa80jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.fsfa80" maxlength="32" />
                </td>
              </tr>
              <!-- 第81行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>81</td>
                <td>生产管柱</td>
                <td></td>
                <td>
                  <el-input v-model="formData.scgz81jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.scgz81" maxlength="32" />
                </td>
              </tr>
              <!-- 第82行 -->
              <tr v-show="activeTab === '完井' || activeTab === '全部'">
                <td>82</td>
                <td>压力检测</td>
                <td></td>
                <td>
                  <el-input v-model="formData.yljc82jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yljc82" maxlength="32" />
                </td>
              </tr>
              <!-- 第83行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>83</td>
                <td>油管尺寸</td>
                <td>吋</td>
                <td>
                  <el-input v-model="formData.ygcc83jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ygcc83" maxlength="32" />
                </td>
              </tr>
              <!-- 第84行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>84</td>
                <td>采油/采气方式</td>
                <td></td>
                <td>
                  <el-input v-model="formData.cycqfs84jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.cycqfs84" maxlength="32" />
                </td>
              </tr>
              <!-- 第85行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>85</td>
                <td>举升方式</td>
                <td></td>
                <td>
                  <el-input v-model="formData.jsfs85jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jsfs85" maxlength="32" />
                </td>
              </tr>
              <!-- 第86行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>86</td>
                <td>注水工艺</td>
                <td></td>
                <td>
                  <el-input v-model="formData.zsgy86jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zsgy86" maxlength="32" />
                </td>
              </tr>
              <!-- 第87行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>87</td>
                <td>油管材质</td>
                <td></td>
                <td>
                  <el-input v-model="formData.ygcz87jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ygcz87" maxlength="32" />
                </td>
              </tr>
              <!-- 第88行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>88</td>
                <td>防蜡</td>
                <td></td>
                <td>
                  <el-input v-model="formData.fl88jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.fl88" maxlength="32" />
                </td>
              </tr>
              <!-- 第89行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>89</td>
                <td>防凝</td>
                <td></td>
                <td>
                  <el-input v-model="formData.fn89jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.fn89" maxlength="32" />
                </td>
              </tr>
              <!-- 第90行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>90</td>
                <td>防垢</td>
                <td></td>
                <td>
                  <el-input v-model="formData.fg90jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.fg90" maxlength="32" />
                </td>
              </tr>
              <!-- 第91行 -->
              <tr v-show="activeTab === '采油' || activeTab === '全部'">
                <td>91</td>
                <td>动态监测</td>
                <td></td>
                <td>
                  <el-input v-model="formData.dtjc91jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.dtjc91" maxlength="32" />
                </td>
              </tr>
              <!-- 第92行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>92</td>
                <td>新建平台数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjptsl92jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjptsl92" maxlength="32" />
                </td>
              </tr>
              <!-- 第93行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>93</td>
                <td>新建FPSO数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjfpsosl93jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjfpsosl93" maxlength="32" />
                </td>
              </tr>
              <!-- 第94行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>94</td>
                <td>水下井口数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.sxjksl94jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.sxjksl94" maxlength="32" />
                </td>
              </tr>
              <!-- 第95行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>95</td>
                <td>新建海底管道数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjhdgdsl95jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjhdgdsl95" maxlength="32" />
                </td>
              </tr>
              <!-- 第96行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>96</td>
                <td>新建海底电缆数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjhddlsl96jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjhddlsl96" maxlength="32" />
                </td>
              </tr>
              <!-- 第97行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>97</td>
                <td>新建陆上终端数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjlszdsl97jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjlszdsl97" maxlength="32" />
                </td>
              </tr>
              <!-- 第98行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>98</td>
                <td>新建陆地变电站/开关站数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.xjldbdzkgzsl98jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.xjldbdzkgzsl98" maxlength="32" />
                </td>
              </tr>
              <!-- 第99行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>99</td>
                <td>改造老平台数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.gzlptsl99jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gzlptsl99" maxlength="32" />
                </td>
              </tr>
              <!-- 第100行 -->
              <tr v-show="activeTab === '工程' || activeTab === '全部'">
                <td>100</td>
                <td>改造老终端数量</td>
                <td></td>
                <td>
                  <el-input v-model="formData.gzlzdsl100jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gzlzdsl100" maxlength="32" />
                </td>
              </tr>
              <!-- 第101行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>101</td>
                <td>投产至评价时点累产油</td>
                <td>万吨</td>
                <td>
                  <el-input v-model="formData.tczpjsdlcy101jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.tczpjsdlcy101" maxlength="32" />
                </td>
              </tr>
              <!-- 第102行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>102</td>
                <td>投产至评价时点累产气</td>
                <td>亿方</td>
                <td>
                  <el-input v-model="formData.tczpjsdlcq102jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.tczpjsdlcq102" maxlength="32" />
                </td>
              </tr>
              <!-- 第103行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>103</td>
                <td>原油产品率</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.yycpl103jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yycpl103" maxlength="32" />
                </td>
              </tr>
              <!-- 第104行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>104</td>
                <td>天然气产品率</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.trqcpl104jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.trqcpl104" maxlength="32" />
                </td>
              </tr>
              <!-- 第105行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>105</td>
                <td>平均生产时率</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.pjscsl105jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.pjscsl105" maxlength="32" />
                </td>
              </tr>
              <!-- 第106行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>106</td>
                <td>OSHA指标</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.oshazb106jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.oshazb106" maxlength="32" />
                </td>
              </tr>
              <!-- 第107行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>107</td>
                <td>最大年综合能耗</td>
                <td>吨标准煤/年</td>
                <td>
                  <el-input v-model="formData.zdnzhnh107jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zdnzhnh107" maxlength="32" />
                </td>
              </tr>
              <!-- 第108行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>108</td>
                <td>火炬气/冷放空最大排放量</td>
                <td>方/天</td>
                <td>
                  <el-input v-model="formData.hjqlfkzdpfl108jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.hjqlfkzdpfl108" maxlength="32" />
                </td>
              </tr>
              <!-- 第109行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>109</td>
                <td>生产水最大排放量</td>
                <td>方/天</td>
                <td>
                  <el-input v-model="formData.scszdpfl109jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.scszdpfl109" maxlength="32" />
                </td>
              </tr>
              <!-- 第110行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>110</td>
                <td>生活污水排放</td>
                <td>方/天</td>
                <td>
                  <el-input v-model="formData.shwspf110jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.shwspf110" maxlength="32" />
                </td>
              </tr>
              <!-- 第111行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>111</td>
                <td>钻屑累计排放量</td>
                <td>方</td>
                <td>
                  <el-input v-model="formData.zxljpfl111jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zxljpfl111" maxlength="32" />
                </td>
              </tr>
              <!-- 第112行 -->
              <tr v-show="activeTab === '生产运行' || activeTab === '全部'">
                <td>112</td>
                <td>钻井液累计排放量</td>
                <td>方</td>
                <td>
                  <el-input v-model="formData.zjyljpfl112jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zjyljpfl112" maxlength="32" />
                </td>
              </tr>
              <!-- 第113行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>113</td>
                <td>总投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.ztz113jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.ztz113" maxlength="32" />
                </td>
              </tr>
              <!-- 第114行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>114</td>
                <td>勘探投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.kttz114jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.kttz114" maxlength="32" />
                </td>
              </tr>
              <!-- 第115行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>115</td>
                <td>开发投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.kftz115jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.kftz115" maxlength="32" />
                </td>
              </tr>
              <!-- 第116行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>116</td>
                <td>油藏研究费</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.yzyjf116jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yzyjf116" maxlength="32" />
                </td>
              </tr>
              <!-- 第117行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>117</td>
                <td>钻完井投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.zwjtz117jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zwjtz117" maxlength="32" />
                </td>
              </tr>
              <!-- 第118行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>118</td>
                <td>工程设施投资</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.gcsstz118jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.gcsstz118" maxlength="32" />
                </td>
              </tr>
              <!-- 第119行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>119</td>
                <td>生产准备费</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.sczbf119jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.sczbf119" maxlength="32" />
                </td>
              </tr>
              <!-- 第120行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>120</td>
                <td>其它费用</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.qtfy120jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.qtfy120" maxlength="32" />
                </td>
              </tr>
              <!-- 第121行 -->
              <tr v-show="activeTab === '项目投资' || activeTab === '全部'">
                <td>121</td>
                <td>弃置费</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.qzf121jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.qzf121" maxlength="32" />
                </td>
              </tr>
              <!-- 第122行 -->
              <tr v-show="activeTab === '成本指标' || activeTab === '全部'">
                <td>122</td>
                <td>年均操作费</td>
                <td>万元人民币</td>
                <td>
                  <el-input-number
                    v-model="formData.njczf122jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.njczf122"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第123行 -->
              <tr v-show="activeTab === '成本指标' || activeTab === '全部'">
                <td>123</td>
                <td>综合静态桶油成本</td>
                <td>美元/桶</td>
                <td>
                  <el-input-number
                    v-model="formData.zhjttycb123jb"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
                <td>
                  <el-input-number
                    v-model="formData.zhjttycb123"
                    :controls="false"
                    :precision="2"
                    maxlength="10"
                    style="width: 100%"
                  />
                </td>
              </tr>
              <!-- 第124行 -->
              <tr v-show="activeTab === '成本指标' || activeTab === '全部'">
                <td>124</td>
                <td>综合动态桶油成本</td>
                <td>美元/桶</td>
                <td>
                  <el-input v-model="formData.zhdttycb124jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.zhdttycb124" maxlength="32" />
                </td>
              </tr>
              <!-- 第125行 -->
              <tr v-show="activeTab === '产品价格' || activeTab === '全部'">
                <td>125</td>
                <td>原油价格</td>
                <td>美元/桶</td>
                <td>
                  <el-input v-model="formData.yyjg125jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.yyjg125" maxlength="32" />
                </td>
              </tr>
              <!-- 第126行 -->
              <tr v-show="activeTab === '产品价格' || activeTab === '全部'">
                <td>126</td>
                <td>天然气价格</td>
                <td>元/方</td>
                <td>
                  <el-input v-model="formData.trqjg126jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.trqjg126" maxlength="32" />
                </td>
              </tr>
              <!-- 第127行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>127</td>
                <td>税后全投资内部收益率(全过程)</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.shqtznbsyl127jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.shqtznbsyl127" maxlength="32" />
                </td>
              </tr>
              <!-- 第128行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>128</td>
                <td>净现值(全过程)</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.jxz128jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jxz128" maxlength="32" />
                </td>
              </tr>
              <!-- 第129行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>129</td>
                <td>投资回收期(全过程)</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.tzhsq129jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.tzhsq129" maxlength="32" />
                </td>
              </tr>
              <!-- 第130行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>130</td>
                <td>税后全投资内部收益率(向前看)</td>
                <td>%</td>
                <td>
                  <el-input v-model="formData.shqtznbsyl130jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.shqtznbsyl130" maxlength="32" />
                </td>
              </tr>
              <!-- 第131行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>131</td>
                <td>净现值(向前看)</td>
                <td>万元人民币</td>
                <td>
                  <el-input v-model="formData.jxz131jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.jxz131" maxlength="32" />
                </td>
              </tr>
              <!-- 第132行 -->
              <tr v-show="activeTab === '效益指标' || activeTab === '全部'">
                <td>132</td>
                <td>投资回收期(向前看)</td>
                <td>年</td>
                <td>
                  <el-input v-model="formData.tzhsq132jb" maxlength="32" />
                </td>
                <td>
                  <el-input v-model="formData.tzhsq132" maxlength="32" />
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button v-show="checkShow" type="primary" @click="handleSubmit()">确定</el-button>
          <el-button @click="handleCloseDialog()">取消</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 用户导入 -->
    <Import v-model="importDialogVisible" @import-success="handleQuery()" />
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "SysYouqitouzi",
  inheritAttrs: false,
});

import SysYouqitouziAPI, {
  SysYouqitouziPageVO,
  SysYouqitouziForm,
  SysYouqitouziPageQuery,
} from "@/api/system/sys-youqitouzi";
import Import from "./components/Import.vue";
// eslint-disable-next-line no-undef
const queryFormRef = ref(ElForm);
// eslint-disable-next-line no-undef
const dataFormRef = ref(ElForm);

const activeTab = ref("全部");
const loading = ref(false);
const checkShow = ref(true);
const removeIds = ref<number[]>([]);
const total = ref(0);
// 导入弹窗显示状态
const importDialogVisible = ref(false);

const queryParams = reactive<SysYouqitouziPageQuery>({
  pageNum: 1,
  pageSize: 10,
});

// 油气项目表格数据
const pageData = ref<SysYouqitouziPageVO[]>([]);

// 弹窗
const dialog = reactive({
  title: "",
  visible: false,
});

// 油气项目表单数据
const formData = reactive<SysYouqitouziForm>({});

// 油气项目表单校验规则
const rules = reactive({
  xmmc1: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
});

const dataTableRef = ref();
// 存储上一次排序的字段
const lastSortedField = ref(null);
// 排序处理函数
const handleSortChange = (column) => {
  const { prop, order } = column;

  // 清除其他列的排序状态
  if (lastSortedField.value && lastSortedField.value !== prop) {
    dataTableRef.value.clearSort();
  }
  lastSortedField.value = prop; // 更新最近排序字段
  // 构造排序参数
  queryParams.field = order ? `${toSnakeCase(prop)}` : "";
  queryParams.direction = order === "ascending" ? "ASC" : "DESC"
  // 调用查询方法
  handleQuery();
};

// 工具函数：驼峰转下划线
const toSnakeCase = (str) => {
  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
};

let recordDates = ref<[string, string]>([getToday(), getToday()]);

/** 查询油气项目 */
function handleQuery() {
  loading.value = true;
  SysYouqitouziAPI.getPage(queryParams)
    .then((data) => {
      pageData.value = data.list;
      total.value = data.total;
    })
    .finally(() => {
      loading.value = false;
    });
}

/** 重置油气项目查询 */
function handleResetQuery() {
  queryFormRef.value!.resetFields();
  queryParams.pageNum = 1;
  recordDates.value = [getToday(), getToday()];
  queryParams.createTime = recordDates.value;
  dataTableRef.value.clearSort();
  handleQuery();
}

/** 行复选框选中记录选中ID集合 */
function handleSelectionChange(selection: any) {
  removeIds.value = selection.map((item: any) => item.id);
}

function handleDialog(id?: number) {
  checkShow.value = false;
  dialog.visible = true;
  if (id) {
    dialog.title = "查看油气项目";
    SysYouqitouziAPI.getFormData(id).then((data) => {
      Object.assign(formData, data);
    });
  }
}

/** 打开油气项目弹窗 */
function handleOpenDialog(id?: number) {
  checkShow.value = true;
  dialog.visible = true;
  if (id) {
    dialog.title = "修改油气项目";
    SysYouqitouziAPI.getFormData(id).then((data) => {
      Object.assign(formData, data);
    });
  }
}

/** 提交油气项目表单 */
function handleSubmit() {
  dataFormRef.value.validate((valid: any) => {
    if (valid) {
      loading.value = true;
      const id = formData.id;
      if (id) {
        SysYouqitouziAPI.update(id, formData)
          .then(() => {
            ElMessage.success("修改成功");
            handleCloseDialog();
            handleResetQuery();
          })
          .finally(() => (loading.value = false));
      } else {
        SysYouqitouziAPI.add(formData)
          .then(() => {
            ElMessage.success("新增成功");
            handleCloseDialog();
            handleResetQuery();
          })
          .finally(() => (loading.value = false));
      }
    }
  });
}

/** 关闭油气项目弹窗 */
function handleCloseDialog() {
  dialog.visible = false;
  dataFormRef.value.resetFields();
  dataFormRef.value.clearValidate();
  formData.id = undefined;
}

/** 删除油气项目 */
function handleDelete(id?: number) {
  const ids = [id || removeIds.value].join(",");
  if (!ids) {
    ElMessage.warning("请勾选删除项");
    return;
  }

  ElMessageBox.confirm("确认删除已选中的数据项?", "警告", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
  }).then(
    () => {
      loading.value = true;
      SysYouqitouziAPI.deleteByIds(ids)
        .then(() => {
          ElMessage.success("删除成功");
          handleResetQuery();
        })
        .finally(() => (loading.value = false));
    },
    () => {
      ElMessage.info("已取消删除");
    }
  );
}

function getToday() {
  const d = new Date();
  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
}

// 打开导入弹窗
function handleOpenImportDialog() {
  importDialogVisible.value = true;
}

function handleDownload() {
  SysYouqitouziAPI.download().then((response: any) => {
    const fileData = response.data;
    const fileName = decodeURI(response.headers["content-disposition"].split(";")[1].split("=")[1]);
    const fileType =
      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8";

    const blob = new Blob([fileData], { type: fileType });
    const downloadUrl = window.URL.createObjectURL(blob);

    const downloadLink = document.createElement("a");
    downloadLink.href = downloadUrl;
    downloadLink.download = fileName;

    document.body.appendChild(downloadLink);
    downloadLink.click();

    document.body.removeChild(downloadLink);
    window.URL.revokeObjectURL(downloadUrl);
  });
}

onMounted(() => {
  recordDates.value = [getToday(), getToday()];
  queryParams.createTime = recordDates.value;
  handleQuery();
});
</script>
<style scoped>
table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

th,
td {
  border: 1px solid #050505;
  padding: 2px;
  text-align: center;
}

th {
  background-color: #f5f7fa;
  height: 40px;
  font-weight: bold;
}

td {
  font-size: 14px;
}

.left-centered-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.left-centered-tabs .el-tabs__header {
  text-align: left !important;
}
</style>

<style lang="css">
.el-popper {
  max-width: 300px;
}

.el-input-number .el-input__inner {
  /* -webkit-appearance: none; */
  -moz-appearance: textfield;
  /* line-height: 1; */
  text-align: left;
}
</style>
